  <style type="text/css">
    #rules {
     left: 15px;
     margin-left: 20px;
     margin-top: 5px;
     margin-bottom: 10px;
     border: 3px solid silver;
     padding: 10px
    }
    #rules ul {
     margin-left: 10px;
     margin-top: 0px;
     padding-left: 10px;
     padding: 0;
    }
    #rules li{
     line-height: 145%;
     list-style: none;
    }
    #parag_items {
      margin-left: 5px;
      line-height: 145%;
    }
    #subjoinder {
      margin-left: 0px;
    }
    span.paragraph {
     font-weight: bold;
     font-size: 14px;
    }
    table.rule_box {
      width: 95%;
      border-collapse: collapse;
      border: 1px solid silver;
      background-color: #FFFFFF;
      border-spacing: 2px;
      border-collapse: collapse;
    }
    table.rule_box td {
      border: 1px solid gray;
      margin: 3px;
      padding: 3px;
    }
    table.rule_box th {
      background-color: #EEEEEE;
      border: 1px solid gray;
      border-bottom: 3px double gray;
      margin: 3px;
      padding: 3px;
    }

  </style>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>利用規約</title>
</head>

<div id="rules">
<p><div style="border: 1px solid silver; font-weight: bold; font-size: 15px; padding: 1px;">利用規約</div></p><br/>
<span class="paragraph">おやくそく</span>
<div id="parag_items">
良識を守って使いましょう
</div>
<br/>


</div>
